.main {
  border-bottom: solid 1px #dee2e6;
  article {
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
    background-color: white;
    margin: 70px auto;
    .article-header {
      height: 95px;
      padding: 15px;
      border-bottom: solid 1px #dee2e6;
      box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
      h1 {
        font-size: 18px;
        font-weight: 700;
        color: #999;
      }
      p {
        color: #999;
        margin-top: 8px;
      }
    }
    .article-body {
      padding: 15px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      .article-body-seation {
        width: 334.83px;
        box-sizing: content-box;
        border: solid 1px #dee2e6;
        margin-bottom: 10px;
        .pic {
          img {
            width: 334.83px;
          }
        }
        .seation-title {
          border-top: solid 1px #dee2e6;
          p {
            color: #999;
            // line-height: 28px;
            text-align: center;
            padding: 20px;
          }
        }
      }
    }
  }
}
